草庐IT

html - onclick CSS 按钮效果

全部标签

javascript - 跟踪基本 HTML 表单发布进度

我有一个基本的HTML表单,可以正常提交,根本没有ajax。此表单使用常规邮寄提交到同一文件。我不使用AJAX,因为表单有12个文本字段和至少1个图像,但最多可能有26个图像,而ajax不能同时处理表单和图像,我必须保存到数据库中,而且很多AJAX的额外工作量。问题是我需要以某种方式跟踪表单上传进度。大多数程序员都知道在浏览器的左下角或右下角查看表单提交进度。但大多数人并不知道这一点。所以我想显示一个进度条。问题是我发现所有进度条都使用ajax的XHR请求。由于表单不是ajax,我似乎无法找到跟踪进度的方法。那么有没有办法拦截浏览器内部的提交进度,看看表单上传完成的百分比呢?编辑我在页

javascript - html2canvas 屏幕截图捕获当前窗口,而不是整个主体

试图在javascript中捕获整个页面主体(包括用户填写的字段)的屏幕截图,但html2canvas仅捕获当前窗口,即使我将高度设置为一个巨大的数字。html2canvas网站示例似乎具有我想要的功能,但我无法理解它们的不同之处。ClickMe!$("#pdfbutton").click(function(){html2canvas(document.body,{onrendered:function(canvas){//document.body.appendChild(canvas);varimg=canvas.toDataURL("image/png");console.log

javascript - 网站上的 WhatsApp 共享按钮。检测 WhatsApp 是否存在的简单方法?

我正在我的网站上添加WhatsApp共享按钮,当用户设备上不存在(不支持)WhatsApp功能时,我想隐藏此按钮。有简单的方法吗?或者有什么办法吗?我找到了http://whatsapp-sharing.com,但它对我来说有一些缺点。-不支持自定义按钮/图标-看起来它只检测Android和IO(WindowsPhone怎么样?)-难以维护更大的元素我正在寻找一些JS/jQuery或CSSonly(mediaqueries?)解决方案,但目前没有成功。任何建议都会有所帮助,谢谢。 最佳答案 DEMO试试这个$(document).r

javascript - VueJS 在内联模板组件中重新编译 HTML

我已经将bootstrapTable(https://github.com/wenzhixin/bootstrap-table)包装到一个指令中,如下所示:Vue.directive('bootstraptable',{priority:1000,params:['url','resource-name'],bind:function(){var_self=this;$(this.el).bootstrapTable({pagination:true,pageSize:15,pageList:[],sidePagination:'server',url:this.params.url,

javascript - 将引导模式滚动到底部时启用按钮

我想强制用户阅读模式内的所有协议(protocol)。这个想法很简单,如果他们不滚动到文本的最后一行。该按钮仍然禁用。但是该按钮未启用。这是我的代码:Javascript:$('#agreement').scroll(function(){if($(this).scrollTop()==$(this)[0].scrollHeight-$(this).height()){$('#closeBtn').removeAttr('disabled');}});至于更清晰的图片。我将代码放在js中:http://jsfiddle.net/h3WDq/1129/这是@BG101的更新版本。当我滚动

javascript - Gulp-inject 说 "Nothing to inject into index.html"

我试图在我的索引中注入(inject)一些文件,所有这些文件都连接并缩小到一个.tmp文件夹中,如下所示:gulp.task('prep-js',['clean'],function(){varjspath='./src/page/**/*.js';vartreatJs=gulp.src(jspath).pipe(plugins.concat('scripts.js')).pipe(plugins.uglify()).pipe(gulp.dest('.tmp/page/js'))});但是当我运行注入(inject)任务时,它显示“没有任何东西可以注入(inject)到index.ht

javascript - 是否可以获得鼠标按钮 4、5 等?

简单地说,有没有什么方法可以在JavaScript中检测额外的鼠标按钮按下?它没有记录在其余的鼠标输入中,所以我猜它不在标准实现中。有什么方法可以启用额外的鼠标按钮吗? 最佳答案 是的,你可以这样做,检查MouseEvent.button,请参见下面的示例,该示例将检测3和4个按钮的点击。Somepointingdevicesprovideorsimulatemorebuttons.Torepresentsuchbuttons,thevaluemustbedoubledforeachsuccessivebutton(inthebin

javascript - 从组件文件和 View 模型生成原始 HTML 字符串

我们有这样一个模板。the-template.html${Foo}我们想用它来做这件事。some-file.tslethtmlString=makeItHappen('the-template.html',{Foo='bar'});console.info(htmlString);//bar什么是我们的makeItHappen函数的等价物? 最佳答案 好的,这是要点:https://gist.run/?id=d57489d279b69090fb20938bce614d3a以下是防止丢失的代码(带有注释):import{bindabl

javascript - 带有自定义按钮的 UI Bootstrap 控件 uib-carousel

我试图通过按钮控制轮播,而不是轮播上方的控件(我将隐藏人字形图标)。我检查了人字形图标并在源代码中找到了这个:1">previous我尝试将属性(类除外)添加到按钮,但它不起作用:1">Previous我猜它不起作用,因为按钮不在uib-carousel,所以它不知道什么是'prev()'和'isPrevDisabled()'功能是。我可以引用该函数,还是创建我自己的函数来控制它?PlnkrDemo我注意到的另一件事,但它是题外话,如果您双击右侧或左侧的V形按钮(假设是右侧),它只会向右滑动一张。然后,如果我单击左V形,它会向右移动一次,然后向左移动(当您第二次单击左V形时)。有什么办

javascript - Firefox WebExtension,独立的 HTML 覆盖

我正在寻找一种使用WebExtensions在某些网站上显示独立叠加层的方法。iframe似乎是解决此问题的方法,因为它为css、js和DOM提供了一个完整的独立范围。另一件好事是目标网站将无法读取或更改内容。在Chrome扩展中似乎没有任何问题,但在Firefox中使用WebExtensions,即使它们共享相同的语法,我也会收到安全警告/错误并且它不起作用。我尝试了两种不同的方法:创建一个没有src属性的iframe并将其注入(inject)网站主体。此方法失败,因为我在执行iframe.contentWindow.document.open()时收到CSP错误/警告。相关内容脚本